<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>投票</title>
  {{include "./meta.html"}}

  <link rel="stylesheet" href="static/css/public.css?_t=2017092902012343567883792123">
  <link rel="stylesheet" href="static/css/votelist.css?_t=2017092902012343567883792123">
</head>
<body>
  <div id="j-header" class="header">
    <div class="time-box">
      <div class="timebar"></div>
    </div>
  </div>
  <div class="tabbar">
    <div class="j-tab tabbar">
    <p>
        <span data-target="j-detail" class="j-tabcell tabcell tabcell-active">投票</span>
        <span data-target="j-leader" class="j-tabcell tabcell ">排名</span>
        <span data-target="j-rule" class="j-tabcell tabcell">规则</span>
      </p>
    </div>
  </div>
  
  <div class="tab j-detail tab-active">
    <div class="active-box">
      <p class="active-abstract fn-clear">
        已有<span id="j-joinnum">_</span>人参与
        <span id="j-activeinfo" class="btn btn-xs fn-hide fn-right">详情</span>
      </p>
      <div id="j-activeintro" class="introduct fn-hide"></div>
      <div id="j-votelist1" class="waterfall">
        <div class="leftfall"></div>
        <div class="rightfall"></div>
      </div>
      <div id="j-votelist" class="list"></div>

      <!--列式卡片-->
      <script id="j-votetpl1" type="text/template">
      {@each details as item}
      <div class="j-card card-column" data-needlog="${needLogin}" data-hasdetail="${item.hasDetail}" data-checked="${item.checked}" data-status="${votestatus}" data-id="${item.id}">
        <div class="img-box  j-jumptodetail" >
          <img src="${item.imageurl}">
          <div class="img-focus">
            <img src="${item.imageurl}">
          </div>
          {@if item.optionseq < 9}
          <span class="idxlogo">0${item.optionseq}</span>
          {@else}
          <span class="idxlogo">${item.optionseq}</span>
          {@/if}
        </div>
        <div class="card-content">
          <p class="title  j-jumptodetail"><b></b>${item.voteoptions}</p>
          <p class="detail"><span class="j-votenum">${item.userCount}</span>票</p>
          <div class="action">
            {@if votestatus == 1}
              {@if item.checked == 1}
              <span class="btn btn-block outbtn">感谢支持</span>
              {@else}
              <span class="j-votebtn btn btn-block" data-status="${votestatus}" data-id="${item.id}" data-needlog="${needLogin}">投TA一票</span>
              {@/if}
            {@else if votestatus == 0}
            <span class="j-votebtn btn btn-block forbidbtn" data-status="${votestatus}">暂未开始</span>
            {@else if votestatus == 2}
            <span class="j-votebtn btn btn-block forbidbtn" data-status="${votestatus}">活动结束</span>
            {@/if}
          </div>
        </div>
      </div>
      {@/each}
      </script>
      <!--图文卡片-->
      <script id="j-votetpl2" type="text/template">
      {@each details as item}
      <div class="j-card card-row " data-needlog="${needLogin}" data-hasdetail="${item.hasDetail}" data-checked="${item.checked}" data-status="${votestatus}"  data-id="${item.id}">
        <div class="media">
          <img class="media-img j-jumptodetail" data-id="${item.id}" src="${item.imageurl}">
          {@if item.optionseq < 9}
          <div class="idxlogo">0${item.optionseq}</div>
          {@else}
          <div class="idxlogo">${item.optionseq}</div>
          {@/if}
        </div>
        <div class="card-content">
          <p class="title j-jumptodetail" data-id="${item.id}">${item.voteoptions}</p>
          <p class="basic-info">
            <span class="actdata  j-jumptodetail"><span class="j-votenum">${item.userCount}</span>票</span>
            {@if votestatus == 1}
              {@if item.checked == 1}
              <span class="btn btn-sm outbtn">感谢支持</span>
              {@else}
              <span class="j-votebtn btn btn-sm" data-status="${votestatus}" data-id="${item.id}" data-needlog="${needLogin}">投TA一票</span>
              {@/if}
              {@else if votestatus == 0}
              <span class="btn btn-block j-votebtn forbidbtn" data-status="${votestatus}">暂未开始</span>
              {@else if votestatus == 2}
              <span class="btn btn-block j-votebtn forbidbtn" data-status="${votestatus}">活动结束</span>
            {@/if}
          </p>
        </div>
      </div>
      {@/each}
      </script>
      <!-- 大图卡片 -->
      <script id="j-votetpl3" type="text/template">
      {@each details as item}
      <div class="j-card card-row bigimg" data-needlog="${needLogin}" data-hasdetail="${item.hasDetail}" data-status="${votestatus}" data-checked="${item.checked}" data-id="${item.id}">
        <div class="j-jumptodetail" >
          {@if item.optionseq < 9}
          <div class="idxlogo">0${item.optionseq}</div>
          {@else}
          <div class="idxlogo">${item.optionseq}</div>
          {@/if}
          <img class="media-img" src="${item.imageurl}">
          <p class="title ">${item.voteoptions}</p>
        </div>
        <p class="basic-info">
          <span class="actdata "><span class="j-votenum">${item.userCount}</span>票</span>
          {@if votestatus == 1}
            {@if item.checked == 1}
            <span class="btn btn-sm outbtn">感谢支持</span>
            {@else}
            <span class="j-votebtn btn btn-sm" data-status="${votestatus}" data-id="${item.id}" data-needlog="${needLogin}">投TA一票</span>
            {@/if}
            {@else if votestatus == 0}
            <span class="btn btn-block j-votebtn forbidbtn" data-status="${votestatus}">暂未开始</span>
            {@else if votestatus == 2}
            <span class="btn btn-block j-votebtn forbidbtn" data-status="${votestatus}">活动结束</span>
          {@/if}
        </p>
      </div>
      {@/each}
      </script>
      <!--列式卡片-->
      <script id="j-votetpl4" type="text/template">
        <div class="j-waterfall">
          {@each details as item}
          <div class="j-card card-column" data-needlog="${needLogin}" data-hasdetail="${item.hasDetail}" data-checked="${item.checked}" data-status="${votestatus}" data-id="${item.id}">
            <div class="img-box  j-jumptodetail" >
              <img src="${item.imageurl}">
              <div class="img-focus">
                <img src="${item.imageurl}">
              </div>
              {@if item.optionseq < 9}
              <span class="idxlogo">0${item.optionseq}</span>
              {@else}
              <span class="idxlogo">${item.optionseq}</span>
              {@/if}
            </div>
            <div class="card-content">
              <p class="title  j-jumptodetail"><b></b>${item.voteoptions}</p>
              <p class="detail"><span class="j-votenum">${item.userCount}</span>票</p>
              <div class="action">
                {@if votestatus == 1}
                  {@if item.checked == 1}
                  <span class="btn btn-block outbtn">感谢支持</span>
                  {@else}
                  <span class="j-votebtn btn btn-block" data-status="${votestatus}" data-id="${item.id}" data-needlog="${needLogin}">投TA一票</span>
                  {@/if}
                {@else if votestatus == 0}
                <span class="j-votebtn btn btn-block forbidbtn" data-status="${votestatus}">暂未开始</span>
                {@else if votestatus == 2}
                <span class="j-votebtn btn btn-block forbidbtn" data-status="${votestatus}">活动结束</span>
                {@/if}
              </div>
            </div>
          </div>
          {@/each}
        </div>
      
      </script>
      <!--纯文字-->
      <script id="j-votetpl5" type="text/template">
        {@each details as item}
        <div class="j-card card-row cardtxt" data-needlog="${needLogin}" data-hasdetail="${item.hasDetail}" data-checked="${item.checked}" data-status="${votestatus}"  data-id="${item.id}">
          <div class="media">
           
            {@if item.optionseq < 9}
            <div class="idxlogo">0${item.optionseq}</div>
            {@else}
            <div class="idxlogo">${item.optionseq}</div>
            {@/if}
          </div>
          <div class="card-content">
            <p class="title j-jumptodetail" data-id="${item.id}">${item.voteoptions}</p>
            <p class="basic-info">
              <span class="actdata  j-jumptodetail"><span class="j-votenum">${item.userCount}</span>票</span>
              {@if votestatus == 1}
                {@if item.checked == 1}
                <span class="btn btn-sm outbtn">感谢支持</span>
                {@else}
                <span class="j-votebtn btn btn-sm" data-status="${votestatus}" data-id="${item.id}" data-needlog="${needLogin}">投TA一票</span>
                {@/if}
                {@else if votestatus == 0}
                <span class="btn btn-block j-votebtn forbidbtn" data-status="${votestatus}">暂未开始</span>
                {@else if votestatus == 2}
                <span class="btn btn-block j-votebtn forbidbtn" data-status="${votestatus}">活动结束</span>
              {@/if}
            </p>
          </div>
        </div>
        {@/each}
      </script>
    </div>
  </div>
  <a class="banner j-banner" style="display: none" onclick="openApp(this)"></a>
  <div class="tab j-leader"></div>
  <script id="j-leadertpl" type="text/template">
  {@each data as item, index}
  <div class="lead-box" data-order="${index}" data-count="${item.userCount}">
    <div class="left-info"></div>
    <div class="right-info media-info fn-clear">
      {@if item.imageurl}
      <img class="headimg" src="${item.imageurl}">
      {@/if}
      <p>
        <span class="leadname ">${item.voteoptions}</span>
        <span class="fn-right righttext">${item.userCount}票</span>
      </p>
    </div>
  </div>
  {@/each}
  </script>

  <div class="tab j-rule">
    <div class="rule-box"></div>
  </div>
  <script src="static/js/zepto-1.2.0.min.js"></script>
  <script src="static/js/juicer.min.js"></script>

  <script src="//res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript"></script>
  <script src="static/js/public.js?_t=2017092902012343567883792123"></script>
  <script src="static/js/votelist.js?_t=2017092902012343567883792123"></script>
</body>
</html>